* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

.body {
    width: 100%;
    padding-bottom: 3.5rem;
}

.bgFF85AA {
    /*background-color: #FF85AA;*/
    background-color: #FF90CA;
}

.ipt {
    width: 100%;
    height: 2rem;
    border-radius: 0.3rem;
    border: none;
    padding-left: 1rem;
}

.icon {
    height: 2rem;
    width: 2rem;
    margin: 0 auto;
}

.icon-png {
    width: 2rem;
    height: 2rem;
}


.swiper {
    border: 1px solid red;
    height: 10rem;
    width: 94%;
    margin: auto;
    border-radius: 0.3rem;
}


.text-hidden {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabbar {
    height: 3rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #FFFFFF;
    -moz-box-shadow: 0px -2px 5px #F7F7F7;
    -webkit-box-shadow: 0px -2px 5px #F7F7F7;
    box-shadow: 0px -2px 5px #F7F7F7;
}

.tabbar-nav {
    height: 3rem;
    width: 100%;
    display: flex;
}

.nav {
    height: 3rem;
    width: 33.33%;
    text-align: center;
}

.nav p {
    font-size: 10px;
    color: #FF85AA;
}

.nav .icon-png {
    width: 1.5rem;
    height: 1.5rem;
}


.checkbox01 input[type=checkbox] + label::before {
    content: "\a0";
    display: inline-block;
    vertical-align: 2px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    border-radius: 3px;
    background-color: #EDEDED;
    text-indent: 2px;
    line-height: .65;
}

.checkbox01 input[type="checkbox"]:checked + label::before {
    content: "\2713";
    background-color: #FF85AA;
}

.checkbox01 input[type='checkbox'] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.gradient {
    background: -webkit-linear-gradient(left, #FF90CA, #F25585);
    background: -o-linear-gradient(right, #FF90CA, #F25585);
    background: -moz-linear-gradient(right, #FF90CA, #F25585);
    background: linear-gradient(to right, #FF90CA, #F25585);
}

button {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    border: none;
    color: #FFFFFF;
    border-radius: 0.2rem;
}

.card-blue {
    background: radial-gradient(8rem circle at top left, #65a2fd 60%, #2d7df6 96.4%, #106cf5 97%);
    background: -webkit-radial-gradient(8rem circle at top left, #65a2fd 60%, #2d7df6 96.4%, #106cf5 97%);
}

.card-green {
    background: -webkit-radial-gradient(8rem circle at top left, #40c782 60%, #20a965 96.4%, #049c4f 97%);
    background: radial-gradient(8rem circle at top left, #40c782 60%, #20a965 96.4%, #049c4f 97%);
}

.card-red {
    background: radial-gradient(8rem circle at top left, #fc756f 60%, #f15048 96.4%, #ee3932 97%);
    background: -webkit-radial-gradient(8rem circle at top left, #fc756f 60%, #f15048 96.4%, #ee3932 97%);

}

.text-wrap {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}